// 在 RTK 中一个切片就是一个状态模块

// 导入创建切片的方法
import { createSlice } from '@reduxjs/toolkit'

// 创建一个切片
const homeSlice = createSlice({
    name: 'home', // 定义模块的名称，切片名
    initialState: {
        // 全局状态，和 vuex 中的 state 是一样的
        bannerList: [],
        proList: []
    },
    reducers: {
        // 和 vuex 中的 mutations 一样的
        // 修改数据的方法
        changeBannerList(state, action) {
            state.bannerList = action.payload
        },
        changeProList(state, action) {
            state.proList = action.payload
        }
    }
})

// 将两个修改函数导出，以后需要修改数据直接调用即可
export const { changeBannerList, changeProList } = homeSlice.actions

// 导出 reducer
export default homeSlice.reducer
